<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>16-input标签焦点知识.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <input type="text" />
    <!-- <input type="text" /> -->
    <script>
      /* 
      input 
      1 事件  input 失去焦点事件   触发时机  刚刚还在输入框中填写信息，下一秒 鼠标 点击了其他的元素 
      2 方法   设置 input标签 获得焦点 
      
       */

      const input = document.querySelector("input");
      // input.addEventListener('blur', function (e) {
      //   console.log('input标签失去了焦点');
      // });

      // 设置获得焦点
      input.focus();
    </script>
  </body>
</html>
